import React from 'react'
export default class App extends React.Component {
  state = {
    count: 1,
  }
  countHandle = () => {
    // this.setState({
    //   count: this.state.count + 1,
    // })
    // console.log(this.state.count) //打印为1
    // // react的异步更新
    // this.setState可以传入两个函数，第二个参数相当于vue的$nextTick
    // 第一个参数是object的话，会覆盖，
    // 第一个参数是函数的话，会叠加
    this.setState(
      (prevstate) => {
        return { count: prevstate.count + 1 }
      },
      () => {
        console.log(this.state.count)
      }
    )
  }
  render() {
    return (
      <>
        <h1>React的this.setstate异步更新</h1>
        <button onClick={this.countHandle}>点击</button>
      </>
    )
  }
}
